<template>
	<div class="activeRadio">
		<div class="radio1">
			<h3>基础用法</h3>
			<el-radio v-model="radio1" label="1">选项1</el-radio>
			<el-radio v-model="radio1" label="2">选项2</el-radio>
		</div>
		<div class="radio2">
			<h3>禁用状态</h3>
			<el-radio v-model="radio2" label="3" disabled>选项3</el-radio>
			<el-radio v-model="radio2" label="4" disabled>选项4</el-radio>
		</div>
		<div class="radio3">
			<h3>单选框组</h3>
			<el-radio-group v-model="radio3">
				<el-radio :label="5">选项5</el-radio>
				<el-radio :label="6">选项6</el-radio>
				<el-radio :label="7">选项7</el-radio>
			</el-radio-group>
		</div>
		<div class="radio4">
			<h3>按钮样式</h3>
			<el-radio-group v-model="radio4">
				<el-radio-button :label="8">选项8</el-radio-button>
				<el-radio-button :label="9">选项9</el-radio-button>
				<el-radio-button :label="10">选项10</el-radio-button>
			</el-radio-group>
		</div>
		<div class="radio5">
			<h3>带有边框及尺寸</h3>
			<el-radio-group v-model="radio5">
				<el-radio border label="11" size="medium">选项11</el-radio>
				<el-radio border label="12" size="small">选项12</el-radio>
				<el-radio border label="13" size="mini">选项13</el-radio>
			</el-radio-group>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				radio1:'1',
				radio2:'3',
				radio3:'6',
				radio4:'9',
				radio5:'11'
			}
		}
	}
</script>

<style>
</style>